/**************************************
These are all style in the header tag.
**************************************/

/*This is the theme color

	Yellow :  #fec301
	Grey :  #333333
	Light Grey : #676767
	Lighter Grey : #dbdbdb

/*==========================*/

.topbar {
	border-bottom:solid 1px #333333;
	padding-top:3px;
	padding-bottom:3px;
}
.topbar__shop {
	list-style:none;
	text-align:right;
	margin:0;
}
.topbar__shop li {
	display:inline;
	padding:0 ;
}
.topbar__shop li a:hover {
	text-decoration:none;
}
.topbar__shop li a:hover span {
	color:#fec301;
}
.topbar__shop .glyphicon{
	color:#fec301;
}
.topbar__shop .amount:before {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#fec301;
	content: "\e116";
	padding-right:5px;
}
.topbar__shop .amount {
	padding: .2em .618em;
	background: #fff;
	color: #9f9693;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	display: inline;
}
.topbar__shop .contents {
	padding: .01em 0em;
	color: #9f9693;
	background-color: #ffffff;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin-left: 0.2em;
	display: inline;
}

/*==================================*/
/* beforeNav
/* contains LOGO and contact number */
/*==================================*/
.beforeNav { 
	padding-top:2.041666666666667%;
	padding-bottom:2.041666666666667%;
}
.beforeNav__logo {
	padding-left:5.208333333333333%;
	text-align:center;
}
.beforeNav__tel {
	padding-right:5.208333333333333%;
}

/*==================================*/
/* nav
/* The main navigation menu */
/*==================================*/
.nav--modifier {
	border-bottom: solid 1px #cccccc;
	border-top:solid 1px #cccccc;
	background-color:#dbdbdb;
	font-family:'thaisans_neueultra_bold';
	font-size:1.538461538461538em;
}

.nav__list{
	text-align:center;
	margin-bottom:0px;
	list-style: none;
}
.nav__list li { 
	display: inline-block;
	position:relative;
}
.nav__list li ul { 
	display: none;
	position:absolute;
	z-index:1000;
}
.nav__list li:hover ul { 
	display: block;
	left: -32px;
	padding: 0px;
	background-color: #dbdbdb;
}
.nav__list li ul li { 
	width: 155px;
}

.nav__list li a {
	padding-top: 0.11em;
	padding-bottom: 0.13em;
	padding-right: 1.2em;
	padding-left: 1.2em;
	color:#666666;
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
}
.nav__list li ul.sub-menu li a {
	color:#666666;
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
	text-shadow:none;
}
.nav__list li ul.sub-menu li a:hover {
	color:#fec301;
	text-decoration:none;
	text-shadow: 0 1px 1px #676767;
}
.nav__list li a:hover {
	box-shadow: inset 0px 10px 10px -15px #efefef;
	color:#fec301;
	text-decoration:none;
	text-shadow: 0 1px 1px #676767;
}
.nav__list li a:active {
	color:#fec301;
	text-decoration:none;
	text-shadow: 0 1px 1px #666666;
}
.nav__list li.current_page_item a, .nav__list li.current_page_ancestor a , .nav__list li.current_page_ancestor ul li.current_page_item a {
	box-shadow: inset 0px 10px 10px -15px #efefef;
	color:#fec301;
	text-decoration:none;
	text-shadow: 0 1px 1px #676767;
}
.nav__list li.current_page_item, .nav__list li.current_page_ancestor , .nav__list li.current_page_ancestor ul li.current_page_item  {
	background-color:#A8A8A8;
}
.nav__list li ul li:hover, .nav__list li:hover  { 
	background-color:#A8A8A8;
}

